﻿@using Magicodes.Admin.Web.Areas.Admin.Models.Accounting
@model InvoiceViewModel

<div class="invoice-content-2">
    <div class="row invoice-head">
        <div class="col-md-7 col-xs-6">
            <span style="font-size: 18px; color: gray; margin-right: 5px;">@L("Invoice")</span> <span style="font-size: 18px; color: #000;">#@Model.Invoice.InvoiceNo</span><br />
            <span style="font-size: 18px; color: gray; margin-right: 5px;">@L("Date")</span> <span style="font-size: 18px; color: #000;">@Model.Invoice.InvoiceDate.ToString("yyyy-MM-dd")</span>
            <br />
            <br />
            <span class="bold uppercase">@Model.Invoice.TenantLegalName</span>
            @foreach (var line in Model.Invoice.TenantAddress)
            {
                <br />@line
            }
            <br />@L("Tax/VatNo"): @Model.Invoice.TenantTaxNo
        </div>
        <div class="col-md-5 col-xs-6">
            <div class="company-address">
                <div class="invoice-logo">
                    <img src="/Common/images/logo.png" class="img-responsive" alt="">
                </div>
                <span class="bold uppercase">@Model.Invoice.HostLegalName</span>
                @foreach (var line in Model.Invoice.HostAddress)
                {
                    <br />@line
                }
            </div>
        </div>
    </div>
    <div class="row invoice-body">
        <div class="col-xs-12 table-scrollable table-scrollable-borderless">
            <table class="table table-hover table-light">
                <thead>
                    <tr>
                        <th style="width: 50px;">#</th>
                        <th>@L("Edition")</th>
                        <th style="width: 100px;">@L("Amount")</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td>@Model.Invoice.EditionDisplayName </td>
                        <td>$@Model.Invoice.Amount </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="row invoice-subtotal">
        <hr />
        <div class="col-xs-9">
            <h2 class="invoice-title uppercase" style="font-size: 35px; font-weight: 300; color: #000;">@L("Total")</h2>
        </div>
        <div class="col-xs-3">
            <p class="invoice-desc" style="font-size: 35px; font-weight: 300; color: #000; text-align: right;">$@Model.Invoice.Amount.ToString("N2")</p>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <a class="btn btn-lg green-haze hidden-print uppercase print-btn" onclick="javascript:window.print();">@L("Print")</a>
        </div>
    </div>
</div>